@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px auto;
}
body{
	padding:0px;
	margin:0px auto;
	font-family:"微软雅黑";
	font-size: 14px;
    overflow-x: hidden;
	background-color:#f7f7f7;
}

img{
	max-width:100%;	
}

h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

.article_text h2, .index_user_say h2,#heartFM_body h2,#doTest_body h2{
	font-weight:normal;	
}

.index_user_say ul li{
	height:65px;
	width:290px;
	overflow:hidden;
	text-overflow:ellipsis;  
} 

a{
    outline: medium none;
    text-decoration: none;
	cursor:pointer;
	color:#444;
}

a:hover {
	text-decoration:none;
	color:#06F;
}

li{
	list-style:none;
}
/*头部设置*/
.header{
	background:#3169B0;
	color:#FFF;
	width:100%;
	height:70px;
}
/*头部logo*/
.logo{
	float:left;
	margin-top:20px;
	margin-left:20px;	
}

/*头部导航部分*/
.header .nav li{
    float: left;
}

.header .nav .tit{
	color:#FFF;
	display: block;
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
}

.header .nav li a:hover{
	background:#285690;	
}

/*头部注册部分*/
.header .reg ul{
	float:right;
	font-size: 16px;
    height: 70px;
    line-height: 70px;
	margin-right:90px;
}

.header .reg ul li{
	float:left;
	
}

#login_logo,#reg_logo{
	color:#fff;
}


.header .reg ul li #user_email:hover{
	background-color:#285690;
	color: #fff;
}

.reg dl dd{
	width:100%;
	line-height:50px;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
	font-size:13px;
	color: #000;
}

.reg dl dd:hover{
	background-color:#285690;
}

.header .reg span.line {
    background:#FFF;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 2px;
    width: 1px;
	margin:0px 10px;
}

/*头部搜索部分*/
.header .sear {
    display:inline;
    float: right;
    height: 30px;
	border-color:#FFF;
	background:#FFF;
	border-radius:1em;
	position:absolute;
	top:20px;
	right:340px;
}

.header .sear .submit {
    border: medium none;
    cursor: pointer;
    height: 30px;
    width: 30px;
	color:#FFF;
	border-top-right-radius:1em;
	border-bottom-right-radius:1em;
}

.header .sear .text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: inline;
    float: left;
    font-size: 14px;
    height: 30px;
    margin-left: 21px;
    transition: all 0.3s ease-in-out 0s;
    width: 150px;
}

#current_userInfo{
	display:none;
	height:200px;
	width:100px;
	background: #fff;
	position: absolute;
	top:76px;
	border-radius:5px;
	right:110px;
}

#myspan{
	display:none;
	position:absolute;
	background: url("../images/user_1.png") no-repeat;
	width:29px;
	height:18px;
	top:60px;
	right:140px;
}


#mycontent{
	width:1170px;	
}

/*广告位*/
.ad {
    clear: both;
    height: auto;
    overflow: hidden;
	margin-top:30px;
}

.ad_a:hover{
	opacity:0.8;
}

/*主页面设计*/
#main{
	width:1170px;
	margin-top:30px;
}

#left{
	width:76%;
	float:left;
}
#right{
	width:24%;
	float:right;
}
/*主页面左边*/
#picShow{/*图片展示*/
    display:inline;
    float:left;
    height:290px;
    width:495px;
	position:relative;
	overflow:hidden;
}

#picShow img{
	width:495px;
	height:290px;	
}

#slide{
	position:relative;
	
}

#pic_ul{
	width:2000px;
	height:290px;
	position:absolute;
}

#pic_ul li{
	position:relative;
	width:495px;
	height:290px;
	float:left;
}

.picShow_img{
	width:495px;
	height:290px;	
}

#pic_title{
	width:100%;
	height:80px;
	position:absolute;
	bottom:0px;
	background:#000;
	opacity:0.5;
	line-height:60px;
	text-align:center;
	font-size:18px;	
}

#index_pic_dian{
	width:100%;
	height:20px;
	position:absolute;
	bottom:15px;
	text-align:center;`
}

.dian_style{
	background:url(../images/slide_dian.png) no-repeat center center !important;	
}

.dian_style_1{
	background:url(../images/slide_dian_1.png) no-repeat center center !important;
}

#index_pic_dian a{
	width:20px;
	height:20px;
	display:inline-block;
	background:url(../images/slide_dian.png) no-repeat center center;
}

/*头部统一格式*/
#newArticle{/*最新文章推荐*/
    background:#FFF;
    height: 260px;
    width: 300px;
	float:left;
	padding: 15px;
	margin-left:20px;
}

#newArticle_head{
	color:#09F;
	font-size:12px;
	border-bottom:#CCC 1px solid;
	height:40px;	
}

#newArticle_body ul{
	margin-left:5px;
	margin-top:10px;

}

#newArticle_body ul li{
	color:#444444;
	font-size:16px;	
	line-height:2.5;
	width:300px;
	height:40px;
	overflow: hidden;
}

#newArticle_body ul li a:hover{
	color:#36F;	
}

#showArticle{/*文章展示*/
	background:#FFF;
	margin-top:20px;
	width:91.7%;
	height:350px;
	float:left;
	padding:15px;
	position:relative;	
}

#showArticle_body{
	padding:30px 20px;
}

#showArticle_body ul{
	width:100%;
	height:300px;
	margin-left:30px;
}

#showArticle_body ul li{
	padding:10px 0px;
	width:370px;
	float:left;	
	
}

.article_img{
	float:left;
	width:120px;
	height:85px;
}

.article_text{
	float:left;
	padding-left:10px;
	width:59%;
	margin-right:20px;
	position: relative;	
}

.article_text h2{
	font-size:14px;
	height:63px;
	display:inline-block;;
	float:left;	
}

.writer{
	display:inline-block;
	position:absolute;
	bottom: 0px;
	right:145px;
}

.view_count{
	float:right;	
}

.view_count span{
	background:url(../images/liulan_logo.png) no-repeat left center;
	padding-left:20px;
}

#showArticle_foot,#heartFM_foot,#doTest_foot,#userShuo_foot{
	clear:both;
	height:40px;
	line-height:40px;
	text-align:center;
	border-top:1px solid #ccc;
	position:absolute;
	bottom:5px;
	width:90%;
	left:40px;
}

#showArticle_foot p a:hover,#heartFM_foot p a:hover,#doTest_foot p a:hover,#userShuo_foot p a:hover{
	color:#09F;	
}

#showArticle_head,#userShuo_head,#heartFM_head,#doTest_head,#chatRoom_head,#getUs_head{
	color:#09F;
	font-size:14px;
	border-bottom:#CCC 1px solid;
	height:40px;
	font-weight:bold;
	line-height:40px;
	margin-top:5px;
}

#showArticle_head h2,#userShuo_head h2,#doTest_head h2,#chatRoom_head h2,#getUs_head h2{
	display:inline-block;
	float:left;
	font-size:23px;	
}

#showArticle_head ul li,#userShuo_head ul li{
	float:left;
	text-align:center;
	margin-left:30px;
	font-size:16px;
}

#writeArticle{
	float:right;
}

#writeArticle a{
	background:url(../images/writeArticle.png);
	display: block;
    height: 40px;
    width: 100px;
	cursor:pointer;
}

#userShuo{/*心情说*/
	background:#FFF;
	margin-top:20px;
	width:91.7%;
	height:380px;
	float:left;	
	padding:15px;
	position:relative;
}

#userShuo ul li{
	float:left;
}

#userShuo_body{
	padding:30px 20px;	
}

#userShuo_body ul{
	margin-left:50px;
}

#userShuo_body ul li{
	width:40%;
	height:90px;
	float:left;
	margin-right:50px;
	overflow: hidden;
	
}

.index_user_say h2 a{
	font-size:14px;
	line-height: 2;
}

.index_user_say h4{
	color: #999999;
    font-size: 12px;
	margin-top:5px;	
}

#heartFM{/*心理FM*/
	background:#FFF;
	margin-top:20px;
	width:91.7%;
	height:350px;
	float:left;
	padding:15px;
	position:relative;	
}

#heartFM ul{
	margin-top:30px;
	margin-left:40px;	
}

#heartFM ul li{
	float:left;
	margin-right:20px;	
}

#heartFM ul li h2{
	font-size:12px;
	padding:10px 0px;
}

.FM_img{
    height: 157px;
    overflow: hidden;
    width: 157px;
	position:relative;
}

.FM_img img{
	width:200px;
	height:200px;
}

.play{
	position:absolute;
	background:url(../images/play_logn.png) no-repeat center center;
	left:0px;
	bottom:0px;
	height:100%;
	width:100%
}

.FM_author{
	font-size:12px;	
}

#doTest{/*测试*/
	background:#FFF;
	margin-top:20px;
	width:91.7%;
	height:320px;
	float:left;
	padding:15px;
	margin-bottom:20px;	
	position:relative;
}

#doTest ul{
	padding:30px 0px;	
}

#doTest ul li{
	float:left;
	margin-left:40px;
	width:200px;
	overflow: hidden;
}

#doTest ul li h2{
	font-size:14px;
	padding:10px 0px;
	
}

#doTest ul li h2 a{
	width:100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:20px;
	display: inline-block;	
}

.test_count span{
	background:url(../images/test_logo.png) no-repeat left center;
	padding-left:20px;	
}


/*主页面右边*/
#userInfo{/*用户信息*/
	width:90%;
	height:120px;
	background:#FFF;
	padding:20px 15px;
}

#userInfo_1{
	width:230px;
	height:72px;
	background:#ccc;	
}

#userInfo_1 #login_logo{
	display: inline;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    padding-top: 20px;
    width: 120px;
}

#userInfo_1 #login_logo a{
	background: #6493cd none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 88px;
}

#userInfo_1 #login_logo a:hover{
	background:	#09f;
}

#userInfo_2{
	margin-top:10px;
	margin-left:10px;
}

#userInfo_2 dl{
	
}

#userInfo_2 dl dd{
	float:left;
	width:57px;
	text-align:center;
}

#userInfo_2 dl dd a h2{
	color:#CCC;
	font-size:12px;	
}

#userInfo_2 dl dd a h4{
	color:#444444;
	padding-top:5px;
	font-size:14px;	
}

#chatRoom{/*聊天室*/
	background:#FFF;
	padding:15px;
	margin-top:20px;
	height:450px;
	position:relative;
}

#chatRoom_body{
	padding:10px 0px;	
}

#chatRoom_body ul li{
	width:98%;
	height:88px;
	border:1px solid #ccc;
	border-radius:2px;
	margin-top:20px;
}

#chatRoom_body ul li:hover{
	background:#3169B0;
}

#chatRoom_body ul li p{
	color:#444;	
}

.chat_pic{
	float:left;
	margin-right:20px;
	margin-left:15px;
	margin-top:5px;
}

.chat_pic img{
	width:80px;
	height:80px;
	border-radius:50px;	
}

.chat_text p{
	line-height:29px;
}

#chatRoom_foot{
	width:90%;
	height:30px;
	text-align:center;
	line-height:30px;
	background: #6493cd;
	border-radius:5px;
	margin-top:10px;
	cursor:pointer;
}

#chatRoom_foot:hover{
	background:#09F;
}

#getUs{
	background:#FFF;
	height:100px;
	padding:15px;
	margin-top:20px;
}

#getUs ul li{
	float:left;
	width:32%;
	height:70px;
	line-height:70px;

}

#getUs ul li:nth-child(2){
	margin:0px 5px;	
}

#getUs ul li a{
	height:40px;
	display:inline-block;
	line-height:40px;
	font-size:14px;	
}

.ico_email{
	background:url(../images/sendEmail_logo.png) no-repeat left center;
	padding-left:45px;
}

.ico_weixin{
	background:url(../images/weixin_logo.png) no-repeat left center;
	padding-left:50px;
}

.ico_tel{
	background:url(../images/tel_logo.png) no-repeat left center;
	padding-left:45px;
}

/*底部*/
#footer{
	width:100%;
	height:230px;
	background:#FFF;
	clear:both;
}

#footer_content{
	width:1100px;
	height:200px;

}

#footer li{
	display:inline-block;	
}

#footer span{
	float:left;
	color:#999999;
	margin-left:35px;	
}

#footer #nav{
	border-bottom:1px dashed #CCC;
	text-align:center;
	line-height:50px;
	height:50px;	
}

#footer #nav ul li a,#footer #links ul li a{
	float:left;
	color: #6381c9;
	margin-right:30px;	
}

#footer #links{
	text-align:center;
	line-height:60px;
	height:60px;	
}

#footer #links ul li a{
	color:#999;
	margin-right:20px;	
}

#footer_1{
	color:#999;	
	height:42px;
	line-height:42px;	
}

#copyright{
	width:100%;
	height:100px;
	text-align: center;	
	margin:0 auto;
}

#footer_1{
	width:400px;
	display:inline-block;
	margin:0px auto;
}

#footer_1 a{
	color:#999;
	height:42px;
	line-height:42px;	
}
